<template>
  <div class="detail-step">
    <steps :active="order.orderState === 6 ? 1 : order.orderState">
      <steps-item title="提交订单" :desc="order.createTime" />
      <steps-item title="付款成功" :desc="order.payTime" />
      <steps-item title="商品发货" :desc="order.consignTime" />
      <steps-item title="确认收货" :desc="order.endTime" />
      <steps-item title="订单完成" :desc="order.evaluationTime" />
    </steps>
  </div>
</template>
<script setup >
defineProps({
  order: {
    type: Object,
    default: () => ({})
  }
})
</script>
<style scoped lang="less">
.detail-step {
  padding: 20px;
}
</style>
